<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jc</title>
    <style>
      *{
          padding: 0;
          margin: 0;
          box-sizing: border-box;
      }
      .container{
          display: flex;
          justify-content: center;
          align-items: center;
          width: 300rem;
          height: 400rem;
          /* perspective: 700px;
          -webkit-perspective: 700px;
          -moz-perspective: 700px; */
      }
     
    </style>
</head>
<body>
    <div class="container">
        <div class="box b1">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores delectus quod, ex atque explicabo iusto inventore voluptatum, perferendis beatae necessitatibus at voluptatibus sint recusandae commodi deleniti harum vitae, debitis repudiandae?</p>
        </div>
        <div class="box b2"></div>
    </div>
</body>
</html>